<!DOCTYPE html>
<html lang="zh_CN">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>

<div id="app">
    <p>{{ title }}</p>
    <p v-for="ele in arr1">{{ ele }}</p>
    <h2>逻辑运算</h2>
    <p>{{ true && true }}</p>
    <p>{{ true && false }}</p>
    <p>{{ true || false }}</p>
    <p>{{ true || true }}</p>
    <p>{{ !false }}</p>
</div>

</body>

<script src="lib/vue.js"></script>

<script type="text/javascript">

    console.log(Vue);

    new Vue({
        el: '#app', // css选择器 代表 vuejs 管理的区域
        data: {
            title: 'hi vuejs!',
            number1: 12,
            number2: 12,
            isBool: false,
            /*对于复合数据类型 1. 单个值 2. 遍历*/
            arr1: [12, 23, 34],
            obj: {id: 1, username: 'andy', age: 23},
            objArr: [
                {id: 1, username: 'andy', age: 23},
                {id: 2, username: 'mark', age: 24},
                {id: 3, username: 'lily', age: 34},

            ]
        },
    });

</script>

</html>
